<template>
  <!-- 内容页的布局组件 -->
  <div>
    <Search></Search>
    <Tables></Tables>
    <Paginator></Paginator>
  </div>
</template>

<script>
import { reactive, toRefs } from 'vue'
import Search from '@/components/common/Search.vue'
import Tables from '@/components/common/Tables.vue'
import Paginator from '@/components/common/Paginator.vue'

export default {
  components: { Search, Tables, Paginator },
  setup() {
    const state = reactive({
      count: 0,
    })

    return {
      ...toRefs(state),
    }
  },
}
</script>

<style lang="scss" scoped></style>
